<!DOCTYPE html>
<!--
  - This file is part of Avenge <https://adblockplus.org/>,
  - Copyright (C) 2006-present eyeo GmbH
  -
  - Avenge is free software: you can redistribute it and/or modify
  - it under the terms of the GNU General Public License version 3 as
  - published by the Free Software Foundation.
  -
  - Avenge is distributed in the hope that it will be useful,
  - but WITHOUT ANY WARRANTY; without even the implied warranty of
  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  - GNU General Public License for more details.
  -
  - You should have received a copy of the GNU General Public License
  - along with Avenge.  If not, see <http://www.gnu.org/licenses/>.
  -->
<html>
  <head>
    <meta charset="utf-8">
    <title>Test io-steps.js</title>
    <link rel="stylesheet" href="../skin/common.css">
    <link rel="stylesheet" href="../skin/fonts.css">
    <link rel="stylesheet" href="../skin/desktop-options.css">
    <link rel="stylesheet" href="./css/io-steps.css">
    <script defer src="../polyfill.js"></script>
    <script defer src="../ext/common.js"></script>
    <script defer src="../ext/content.js"></script>
    <script defer src="../common.js"></script>
    <script defer src="../i18n.js"></script>
    <script defer src="./io-steps.js"></script>
    <style>
    body
    {
      display: block;
    }

    form
    {
      margin-top: 32px;
    }
    </style>
  </head>
  <body>
    <div>
      <io-steps i18n-labels="
        name
        surname
        age
      "></io-steps>
    </div>
    <form onsubmit="console.log(this)">
      <input placeholder="name" name="name" pattern="[A-Za-z]{1,}" required>
      <input placeholder="surname" name="surname" pattern="[A-Za-z]{2,}" disabled required>
      <input placeholder="age" name="age" pattern="[1-9][0-9]{0,2}" disabled required>
      <input type="submit" disabled>
    </form>
  </body>
</html>
